<template>
    <swiper class="detail-swiper">
        <swiper-item v-for="(item,index) in topImgs"
                     :key="item">
            <a>
                <img class="detail-swiper-img"
                     :src="item"
                     ali="" />
            </a>
        </swiper-item>
    </swiper>
</template>
<script>
import { Swiper, SwiperItem } from '../../../components/common/swiper/index'
export default {
    name: 'DetailSwiper',
    components: {
        Swiper,
        SwiperItem,
    },
    props: {
        topImgs: Array
    }

}
</script>
<style>
.detail-swiper {
    height: 300px;
    overflow: hidden;
    background-color: #fff;
}
.detail-swiper-img {
    margin-top: -100px;
}
</style>